Density 佈局資訊密度

• 資訊密度決定螢幕可見資訊量

• 目標尺寸：最小48×48畫素

• 使用者可透過密度控制調整

• 根據需要選擇疏密佈局

• 佈局和元件縮放可提升資訊瀏覽效率

Information density  資訊密度

透過佈局和設計實現資訊密度最佳化

過高的密度可能影響使用者體驗

Component scaling 元件縮放

元件尺寸可調整以適應不同資訊量的瀏覽需求

元件縮放不應使目標小於48x48 CSS畫素

資訊密度和元件縮放可結合使用，以提供更多資訊並給予使用者更多控制權

Information density  資訊密度

資訊密度是指在給定的螢幕空間內所含內容（如文字、影象或影片）的數量。

佈局間距可調整以控制資訊密度。在需要瀏覽大量資料時，高密度佈局能提升效率。列表和表格的密度增加可顯示更多內容。

桌面端可能偏好高密度，移動端則相反。除非使用者主動更改，密度不應隨視窗或裝置方向自動變化。

Component scaling  元件縮放

• 元件密度比例控制元件內部間距。

• 密度等級從0開始，隨空間減小變為負數（-1至-3），密度隨之增加。

• 透過減少4dp的內邊距或高度來實現更高密度。

將分組元素在元件容器內居中。文字大小不應隨著容器大小的縮放而改變。

預設情況下避免應用元件縮放

• 預設情況下，不要將元件縮放至小於48x48畫素

• 讓使用者可以選擇更高密度佈局，並提供簡單的恢復方式

Targets 目標

設定互動目標密度時需謹慎，可訪問目標最小尺寸應保持48x48dp

Pixel density  畫素密度

畫素密度指每英寸的畫素數。高密度螢幕畫素更多，使相同尺寸的介面元素顯示更小，反之亦然。計算公式：螢幕密度 = 螢幕畫素數/螢幕英寸數。

dp 是一個靈活的單位，可在不同螢幕上保持統一尺寸。材質設計系統使用dp來確保元素在各種螢幕密度下保持一致顯示。在160密度螢幕上，1dp = 1物理畫素。計算公式：dp =（畫素寬度 * 160）/ 螢幕密度